/*————注册页公共样式：头部、脚部————*/

// 引用字体图标
@import '../../../common/css/iconfont_shikee/css/style.css';
// 引用全站重置样式表
@import '../../../common/less/reset.less';
// 引用全站模块通用模型
@import '../../../common/less/module.less';
// 引用全注册模块通用模型
@import './module.less';

// 整体宽度
@global-width: 1000px;
//注册页通用文本色
@font-color: #b2b2b2;
//微软雅黑字体
@font-yahei: '\5fae\8f6f\96c5\9ed1';
// 选项卡模块总宽
@tab-width : 1000px;


/*头、内容、脚容器公共属性*/

//===head / foot / main ===
//---public---
.header-bd,
.content,
.footer-bd {
    width: @global-width;
    margin: 0 auto;
    color: @font-color;
    zoom: 1;
}
//*———head———

.header {
    &-bd {
        padding: 27px 0;
        
    }
    /*头部菜单*/
    &-nav{
        float: right;
        overflow: hidden;
        margin-top: -20px;
        a{
            padding: 0 7px;
            .link(#7c7c7c,#e74c3c);
        }
    }
    /*logo图标超链接*/
    &-logo{
        overflow: hidden;
    }
}
/*——————————————————————————脚部——————————————————————*/

.footer {
    border-top: 1px solid #e4e2e2;
    background-color: #f6f8f7;
    text-align: center;
    /*footer-box*/
    &-bd {
        padding: 20px 0;
    }
    
    /*———脚部导航、版权信息———*/
    p{
        line-height: 2em;
    }
    
    &-nav {
        a {
            padding: 0 5px;
            .link(#7c7c7c,#e74c3c);
        }
    }
    
    &-copyright{
        font-family: arial;
    }
}
/*——————————————————内容————————————————————————*/

.content {
    
    
}

/*注册表单*/
    
.form {

    &-list {
        overflow: hidden;
        li {
            margin-top: 3px;
            position: relative;
            /*注册输入框*/

            input {
                vertical-align: middle;
            }
        }
    }
    /*输入框*/
    &-reginfo {
        input {
            padding: 14px 0px 14px 35px;
            border: 1px #e5e5e5 solid;
            width: 280px;
            overflow: hidden;
            font-size: 14px;
            /*输入框选中样式*/

            &:focus {
                border: 1px #70bae8 solid;
            }
        }
        /*输入框图标*/

        i {
            font-size: 20px;
            position: absolute;
            left: 10px;
            top: 12px;
            padding: 2px 0;
        }

    }
        
    /*验证提示*/

    .tips {
        em {
            font-size: 15px;
            color: #0f9dd8;
            margin-left: 5px;
        }
        span {
            color: #858585;
        }
    }

    /*输入框错误样式*/

    .err {
        input {
            border: 1px solid #ff3f13;
        }
        .tips {
            em, span {
                color: #ff3f13;
            }
        }
    }

    /*验证码*/
    .vcode{
        i{
            font-size: 12px;
        }
        input{
            width: 140px;
            padding-right: 140px;
        }
        img{
            vertical-align: middle;
            height: 37.5px;
            width: 135px;
            position: absolute;
            left: 181px;
            top: 3px;
            cursor: pointer;
        }
    }

    /*条款项*/
    &-clause {
        a {
            color: #ff6c01;
            &:hover {
                text-decoration: underline;
            }
        }
    }


    /*提交按钮*/

    &-btn {
        input {
            width: 246px;
            height: 38px;
            border: none;
            background: #e1dfdf;
            font-size: 18px;
            font-family: @font-yahei;
            color: #919191;
        }
        /*——input state——*/
            .ok {
                background: #f67434;
                color: #fff;
                cursor: pointer;
                &:hover {
                    background: #ff874c;
                }
            }
    }
}

/*用户注册类型选项卡列表*/

.tab {
    overflow: hidden;
    height: 80px;
    
    &-input-txt {
        width: (@tab-width/2);
        height: 63px;
        text-align: center;
        line-height: 63px;
        font-size: 18px;
        font-family: "\5fae\8f6f\96c5\9ed1";
        color: #666;
        background: #f1f0f0;
        cursor: pointer;
        position: relative;
        float: left;
        
        &:hover {
            .alpha(85);
        }
        
        i {
            font-size: 30px;
            margin-right: 5px;
        }
    }
    /*用户列表选中状态*/

    &-cur {
        color: white;
        background: #f67434;
        
        /*三角箭头*/

        .tab-cur-arrow {
            .triangle-bottom(14, 7, #f67434);
            position: absolute;
            left: 243px;
            top: 63px;
        }
    }
}

/*————注册进度条————*/
.step {
    height: 60px;
    position: relative;
    
    li {
        float: left;
        width: @global-width/4;
    }
    
    /*线条*/

    &-line {
        height: 4px;
        background-color: #E1DFDF;
    }
    /*图标&文字*/

    &-icon {
        text-align: center;
        position: absolute;
        top: -11px;

        i {
            font-size: 24px;
            display: block;
            background-color: #fff;
            padding: 4px 0;
            margin-left: 240px;
        }
        span {
            color: #ADACAC;
            font-size: 14px;
            display: block;
            width: 90px;
            padding-top: 15px;
            position: absolute;
            margin-left: 210px;
        }
    }
    
    /*当前进度高亮*/

    &-cur {
        /*线条*/

        .step-line {
            background-color: #ec4635;
        }
        /*图标文字*/

        .step-icon {
            i {
                color: #ec4635;
            }
            span {
                color: #34495e;
                font-weight: 700;
            }
        }
    }
}

